<template>
  <div id="organic">
    <Myheader />
    <router-view></router-view>
    <Myfooter />
  </div>
</template>

<script>
import Myheader from "@/components/Organic-Vue/MyHeader.vue";
import Myfooter from "@/components/Organic-Vue/MyFooter.vue";

export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'Organic',
  components: {Myfooter, Myheader},
  props: {},
  data () {
    return {}
  },
  // 计算属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created () {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted () {},
  // 生命周期 - 创建之前
  beforeCreate () {},
  // 生命周期 - 挂载之前
  beforeMount () {},
  // 生命周期 - 更新之前
  beforeUpdate () {},
  // 生命周期 - 更新之后
  updated () {},
  // 生命周期 - 销毁之前
  beforeDestroy () {},
  // 生命周期 - 销毁完成
  destroyed () {},
  // 如果页面有keep-alive缓存功能，这个函数会触发
  activated () {}
}
</script>

<style scoped>
@import url("https://cdn.bootcdn.net/ajax/libs/Swiper/9.4.1/swiper-bundle.min.css");
@import url("https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0-alpha3/css/bootstrap.min.css");
@import "@/assets/css/vendor.css";
@import "@/assets/style.css";
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
</style>
